<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8" />
    <meta content="text/html"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <title>安联车检</title>
    <meta name="Generator" content="ALCJ 1.0" />
    <meta name="Keywords" content="安联车检,年检,车检,车辆检测,汽车检测,机动车检测" />
    <meta name="Description" content="安联车检系统具备云管理，云检测，云服务三大云系统。可为用户提供丰富的售后服务。" />
    <link rel="shortcut icon" href="../img/favicon-logo.ico" />

    <link rel="stylesheet" type="text/css" href="../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../js/swiper/idangerous.swiper2.7.6.css" />
    <link rel="stylesheet" type="text/css" href="../css/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="../js/video/video-js.css" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/home.css"/>
    <link rel="stylesheet" type="text/css" href="../css/login.css" />
    <script type="text/javascript" src="../js/jquery-3.2.0.min.js"></script>
    <script src="../js/jquerysession.js"></script>
	<script type="text/javascript" src="../js/swiper/idangerous.swiper2.7.6.min.js"></script>
    <script type="text/javascript" src="../js/video/videojs-ie8.min.js"></script>
    <script type="text/javascript" src="../js/video/video.min.js"></script>
	<script type="text/javascript"  src="../js/Popt.js"></script>
	<script type="text/javascript"  src="../js/cityJson.js"></script>
	<script type="text/javascript"  src="../js/citySet.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
</head>
<body>

<div class="xf-qrcode"> <img src="../img/index/contact.png" /> </div>

<div class="nav">
   <div class="content nav-content">
        <div class="nav-left">
            <div class="log">
                <div class="log-content">
                 <img src="../img/logo.png" alt="logo图" />
                </div>
            </div>
            <div class="address">
                <div class="address-content">
                <img class="address-icon" src="../img/address.png"  />
                        <span id="selcity" th:text="${cityName}" style="line-height: 32px;"></span>
                        <span>[<span id="city" style="cursor: pointer;" th:text="#{System.changeCity}"></span>]</span>
                    <form id="fomCity" action="/index/home" method="post">
                        <input type="hidden" name="hproper" data-name="北京" id="hproper" value="110100" />
                        <input type="hidden" name="hproperName"  id="hproperName" value="北京" />
                    </form>
                </div>
            </div>
        </div>
        <div class="nav-right">
            <div class="login-register">
                <div class="login-register-content">
                    <span id ="beforeLoad" th:styleappend="(${loadFlg} == '1')? 'display:none'"><span th:text="#{System.helloPlease} + ' '"></span><a href="javascript:void(0);" onclick = "showDialog()" th:text="#{System.login}"></a>  <span th:text="#{System.or}"></span>   <a href="/index/register" target="_blank" th:text="#{System.register}"></a> </span>
                    <span id ="afterLoad" th:styleappend="(${loadFlg} == '0')? 'display:none'" ><span th:text="#{System.greeting}"></span> <span id="loginName" th:text="${userName}"></span><strong class="logout" onclick="logout()" th:text="' [' + #{System.logout} + ']'"></strong></span>
                </div>
            </div>
            <div class="btn-group">
                <div class="btn-group-content">
                <button class="btn" onclick="huanFu()" th:text="#{System.skin}"></button>
                <span class="btn"><a th:href = "#{System.langurl}" th:text="#{System.language}"></a></span>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-bar">
        <div class="content">
            <ul class="nav-bar-content-left">
                <li><a href="/index/home" th:text="#{System.home}"></a></li>
                <li><a id="userCenter" th:href="(${loadFlg} == '0')? 'javascript:;' : '/userCenter/userInfo'" onclick="checkLoadUser()" th:text="#{System.member}"></a></li>
                <li><a href="/introduction/init" th:text="#{System.checkCar}"></a></li>
                <li><a id="myVehicle" th:href="(${loadFlg} == '0')? 'javascript:;' : '/myVehicle/detectReport'" onclick="checkLoadUser()" th:text="#{System.myVehicle}"></a></li>
                <li><a href="/about/init" th:text="#{System.aboutUs}"></a></li>
            </ul>
            <div class="nav-bar-content-right">
                <i class="tell-phone"></i>
                <span>400-400-8888</span>
            </div>

        </div>
    </div>
</div>

<div class="banner-box">
    <div class="banner-info">
        <div class="content">
            <div class="banner-info_item">
                <div class="banner-info_list">
                    <span th:text="#{System.vehicleSelfText}"></span>
                    <a class="banner-info_link" href="/vehicleSelfCheck/selfIndex" th:text="#{System.vehicleSelf}"></a>
                </div>
            </div>
            <div class="banner-info_item">
                <div class="banner-info_list">
                    <span th:text="#{System.bookingCarText}"></span>
                    <a class="banner-info_link" href="/searchStation/init" th:text="#{System.bookingCar}"></a>
                </div>
            </div>
        </div>
    </div>
    <!-- Swiper -->
    <div class="swiper-container swiper-banner">
        <div class="swiper-wrapper">
            <div class="swiper-slide" style="background-image: url(../img/index/bannerdz-01.jpg);"></div>
            <div class="swiper-slide" style="background-image: url(../img/index/bannerdz-02.jpg);"></div>
            <div class="swiper-slide" style="background-image: url(../img/index/bannerdz-03.jpg);"></div>
        </div>
        <!-- Add Pagination -->
        <div class="pagination pagination-banner"></div>
    </div>
</div>

<div class="content">
    
    <div class="content-list">
        <div class="content-list_top">
            <h3 class="content-list_tit"><i style="font-style: normal" th:text="#{System.site}"></i><span th:text="#{System.display}"></span></h3>
        </div>
        <div class="content-zhandian">
            <!-- Add Arrows -->
            <a class="arrow-left" href="javascript:;"><span class="sabjiao-left"></span></a> 
            <a class="arrow-right" href="javascript:;"><span class="sabjiao-right"></span></a>

            <!-- Swiper -->
            <div class="swiper-container swiper-carinfo">
                <div class="swiper-wrapper">

                    <div class="swiper-slide" th:each="siteShow,siteShowStat : ${siteShowList}">
                        <div class="carinfo-list">
                            <div class="carinfo-list_inner">
                                <div class="carinfo-list_bg" th:style="'background: url(' + ${siteShow.image} +');'"><h4 class="carinfo-list_tit" th:text="${siteShow.sitename}"></h4></div>
                                <div class="carinfo-white"></div>
                                <a th:href="${siteShow.siteid}?'/stationDetail?siteid=' + ${siteShow.siteid}:'javascript:;'" class="carinfo-info">
                                    <div class="carinfo-shenfen"><i class="carinfo-mp" th:if="${siteShow.sitetype} != null" th:classappend="(${siteShow.sitetype} == '0')? 'carinfo-mp_demo' : 'carinfo-mp_new'"></i></div>
                                    <div class="carinfo-text">
                                        <p th:if="${siteShow.sitename} != null">
                                            <span></span>
                                            <i th:text="${siteShow.sitename}"></i>
                                        </p>
                                        <p th:if="${siteShow.address} != null">
                                            <span><img src="../img/index/addr.png" align="地址" /></span> 
                                            <i th:text="${siteShow.address}"></i>
                                        </p>
                                        <p th:if="${siteShow.phone} != null">
                                            <span><img src="../img/index/phone.png" align="电话" /></span> 
                                            <i th:text="${siteShow.phone}"></i>
                                        </p>
                                        <p th:if="${siteShow.worktimefrom} != null">
                                            <span><img src="../img/index/time.png" align="时间" /></span>
                                            <i th:text="${siteShow.worktimefrom} + '~' + ${siteShow.worktimeto}"></i>
                                        </p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>

<!-- 法规常识 -->
    <div class="content-list">
        <div class="content-list_top" style="margin-top:0px;" id="lawsNous" >
            <h3 class="content-list_tit"><i style="font-style: normal" th:text="#{System.statute}"></i><span th:text="#{System.nous}"></span></h3>
            <p class="content-list_text" th:text="#{System.lawNousText}"></p>
        </div>
        <div class="zixun-item clear">
            <div class="zixun-list" id="lawsDiv" style="background-image: url('../img/index/laws.png');padding-left:30px;animation-delay:1s; -webkit-animation-delay:1s;" >
                <div class="zixun-list_top clear">
                    <h4 class="zixun-list_tit" th:text="#{System.laws}"></h4>
                    <a class="zixun-list_more" href="/NewsNous/laws" th:text="#{System.seeMore} + '>'" ></a>
                </div>
                <div class="zixun-list_bot" >
                    <p class="zixun-list_news clear" th:each="lawNous,lawNousStat : ${lawList}">
                        <a th:href="'/NewsNous/lawsInfo?lawsId=' + ${lawNous.lawnousid}" th:text="${lawNous.title}"></a>
                    </p>
                </div>
            </div>
            <div class="zixun-list" id="nousDiv" style="background-image: url('../img/tv-vido.png');animation-delay:2s; -webkit-animation-delay:2s;">
                <video id="video_1" class="video-js vjs-default-skin" preload="none" width="540" height="330" poster="http://vjs.zencdn.net/v/oceans.png" data-setup="{}" controls="controls">
                    <source src="https://dn-ecmoban.qbox.me/ECJiaxuanchuan-rwxf.mp4" type="video/mp4" />
                    <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm" />
                    <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg" />
                </video>
            </div>
        </div>
    </div>
    <!-- 法规常识 END-->
    <!-- 新闻资讯 START-->
    <div class="content-list">
        <div class="content-list_top" id="newsInfo">
            <h3 class="content-list_tit"><i style="font-style: normal" th:text="#{System.news}"></i><span th:text="#{System.info}"></span></h3>
            <p class="content-list_text" th:text="#{System.newsInfoText}"></p>
        </div>
        <div class="fanew-item clear">
            <div class="fanew-list" id="industryInfoDiv" style="animation-delay:1s; -webkit-animation-delay:1s;">
                <div class="fanew-top clear">
                    <h5 class="fanew-list_tit" th:text="#{System.industryInfo}"></h5>
                    <img class="fanew-img" src="../img/index/falv.png" />
                    <div class="fanew-info">
                        <p class="fanew-info_txt" th:text="#{System.detectNousText}"></p>
                        <p class="text-right"><a class="fanew-info_btn" href="/NewsNous/newsIndustry" th:text="#{System.seeMore}"></a></p>
                    </div>
                </div>
                <div class="fanew-bot">
                    <a  class="fanew-bot_list" th:each="news,newsStat : ${industryList}"  th:href="'/NewsNous/newsIndustryInfo?newsId=' + ${news.newsid}">
                        <i th:text="${newsStat.count}"></i><span class="fanew-bot_list-titspan" th:text="${news.title}"></span><span class="fanew-bot_list-datespan" th:text="${news.optiontimestr}"></span>
                    </a>
                </div>
            </div>
            <div class="fanew-list" id="companyNewsDiv" style="animation-delay:2s; -webkit-animation-delay:2s;">
                <div class="fanew-top clear">
                    <h5 class="fanew-list_tit" th:text="#{System.companyNews}"></h5>
                    <img class="fanew-img" src="../img/index/check.png" />
                    <div class="fanew-info">
                        <p class="fanew-info_txt" th:text="#{System.detectNousText}"></p>
                        <p class="text-right"><a class="fanew-info_btn" href="/NewsNous/news" th:text="#{System.seeMore}"></a></p>
                    </div>
                </div>
                <div class="fanew-bot">
                    <a  class="fanew-bot_list" th:each="news,newsStat : ${newsList}"  th:href="'/NewsNous/newsInfo?newsId=' + ${news.newsid}">
                        <i th:text="${newsStat.count}"></i><span class="fanew-bot_list-titspan" th:text="${news.title}"></span><span class="fanew-bot_list-datespan" th:text="${news.optiontimestr}"></span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 新闻资讯 END-->
</div>

<!-- 登录-->
	<div class="ui-mask" id="mask" onselectstart="return false"></div>
	<div class="ui-dialog" id="dialogMove" onselectstart='return false;'>
		<div class="ui-dialog-title" id="dialogDrag"  onselectstart="return false;" >
			<img style="vertical-align: middle;" src="../img/logo1.png"/><span style="margin-left:10px;" th:text="#{System.loginALCJ}"></span>
			<a class="ui-dialog-closebutton" href="javascript:hideDialog();"></a>
		</div>
		<div class="ui-dialog-content" id="pc-content"  >
            <div id="lblError" style="color:#FF0000;font-size: 14px;height: 20px;margin-top:5px;padding-left:5px"> </div>
			<div class="ui-dialog-l40 ui-dialog-pt15">
				<input id ="userName" name = "userName" type="text" class="ui-dialog-input ui-dialog-input-username" placeholder="手机号/用户名" />
			</div>
			<div class="ui-dialog-l40 ui-dialog-pt15">
				<input id ="userPwd" name = "userPwd" type="password" class="ui-dialog-input ui-dialog-input-password"  placeholder="密码" />
			</div>
			<div class="ui-dialog-l40 ui-dialog-pt15" style="text-align:left;">
				<input id="userVerify" name="userVerify" class="ui-dialog-input" style="text-indent: 10px; width:66%" type="text" placeholder="验证码" />
                <img style="vertical-align:top;height: 40px;width: 105px" id="vcode" src="/index/getVerify" border="1"/>
			</div>
			<div class="ui-dialog-l40">
			    <lable style="float:left;"><input type="checkbox" id="userRember" name="userRember" checked="checked" style="vertical-align: middle;" />下次自动登录</lable>
				<span id="forgetPwd" style="float:right;cursor: pointer" th:text="#{System.forgetPwd} + '?'"></span>
			</div>
			<div>
				<btn class="ui-dialog-submit" onclick="login();" th:text="#{System.login}"></btn>
			</div>
			<div class="ui-dialog-l40">
                <a href="/index/register" target="_blank" th:text="#{System.nowRegister}"></a>
			</div>
		</div>
        <div class="ui-dialog-content" id="forget-content"  hidden="hidden" style="height:330px;">
            <div id="lblReError" style="color:#FF0000;font-size: 14px;height: 20px;margin-top:5px;padding-left:5px"> </div>
            <div class="ui-dialog-l40 ui-dialog-pt15">
                <input id="telphone" name="telphone" type="tel" class="ui-dialog-input ui-dialog-input-username" placeholder="手机号" />
            </div>
            <div class="ui-dialog-l40 ui-dialog-pt15" style="text-align:left;">
                <input id="phVerify" name="phVerify" class="ui-dialog-input" style="text-indent: 10px; width:66%" type="text" placeholder="手机验证码" />
                <btn class="btnCode" id="phoneVcode" th:text="获取验证码"></btn>
            </div>
            <div class="ui-dialog-l40 ui-dialog-pt15">
                <input id ="newPassword" name = "newPassword" type="password" class="ui-dialog-input ui-dialog-input-password"  placeholder="新密码" />
            </div>
            <div class="ui-dialog-l40 ui-dialog-pt15">
                <input  id="repassword" name= "repassword" type="password" class="ui-dialog-input ui-dialog-input-password"  placeholder="再次输入密码" />
            </div>
            <div style="margin:20px 0;">
                <btn class="ui-dialog-submit" id="resetPwd" th:text="#{System.resetPassword}"></btn>
            </div>
            <div class="ui-dialog-l40">
                <span id="relogin" style="float:right;cursor: pointer;font-size: 16px;color: #e35b00;" th:text="#{System.goLogin} + '>'"></span>
            </div>
        </div>
		<div id="ph-content" class="ui-dialog-content" style="text-align: center;" hidden="hidden">
				<img src="../img/en.png"/>
				<p th:text="#{System.scanWechat}"></p>
		</div>
		<div style="float:right;" id="pclogin">
			<img style="float:right;margin-top:5px" src="../img/erweima.png"/>
		</div>
		<div style="float:right" hidden="hidden" id="phlogin">
			<img style="float:right;margin-top:5px"  src="../img/erer.png"/>
		</div>
	</div>
<!-- 登录-->
<div class="footer">
    <div class="footer-content content">
        <p><span th:text="#{System.friendLink} + '：'"></span>
            <a href="http://auto.qq.com/" target="_blank">腾讯汽车</a>
            <a href="http://auto.sina.com.cn/" target="_blank">新浪汽车</a>
            <a href="http://auto.163.com/" target="_blank">网易汽车</a>
            <a href="http://auto.163.com/" target="_blank">网易汽车</a>
            <a href="https://www.autohome.com.cn/beijing/" target="_blank">汽车之家</a>
            <a href="http://www.xcar.com.cn/" target="_blank">爱卡汽车</a>
            <a href="http://www.pcauto.com.cn/" target="_blank">太平洋汽车网</a>
            <a href="http://www.feelcars.com/" target="_blank">汽车探索</a>
            <a href="http://www.jsyks.com/" target="_blank">驾驶员考试网</a>
            <a href="https://www.tuhu.cn/" target="_blank">途虎养车网</a>
            <a href="https://www.renrenche.com/" target="_blank">人人车</a>
            <a href="http://www.haoche51.com/" target="_blank">好车无忧</a>
            <a href="https://www.xin.com/" target="_blank">优信二手车</a>
        </p>
        <div class="footer-info clear">
            <div class="footer-copyright">
                <p th:text="#{System.copyRight}"></p>
                <p><span class="address-icp" th:text="#{System.putRecord}"></span><span th:text="#{System.support}"></span></p>
            </div>
            <div class="footer-qrcode">
                <img src="../img/index/contact.png" />
            </div>
            <div class="footer-contact clear">
                <img src="../img/index/hotphone.png" />
                <p th:inline="text">[[#{System.hotLine}]]<big>400-400-8888</big></p>
            </div>

        </div>
    </div>
</div>
</body>
</html>